:root {
  --el-color-primary: @main-color;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
body {
  font-family: Source Han Sans;
  color: @text-default;
}

.el-tooltip__trigger:focus-visible {
  outline: none;
}

a {
  text-decoration: none;
  &:-webkit-any-link {
    color: inherit;
  }
}

// 滚动条
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ccc;
  &:hover {
    background-color: #999;
  }
}

.el-pagination {
  .el-pager li {
    margin-left: 8px;
    border: 1px solid #dcdcdc;
  }
  .btn-next {
    margin-left: 8px;
  }
  .btn-next,
  .btn-prev {
    background-color: transparent !important;
  }
}

.popper-has-active .el-dropdown-menu__item {
  padding: 0;
  > span {
    padding: 5px 16px;
    &.is-active {
      background: rgba(179, 216, 255, 0.3);
      color: #409eff;
    }
  }
}

.el-breadcrumb {
  &__item {
    > span {
      color: @text-light!important;
      &.is-link {
        font-weight: normal;
        &:hover {
          color: @main-color!important;
        }
      }
    }
    &:last-child > span {
      color: @text-default!important;
    }
  }
}

.ql-container {
  padding: 1rem;
  .ql-editor {
    min-height: 100px;
  }
}
